<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%
	String list = (String)request.getAttribute("list"); 
%>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<base href="http://www.33bll.com:80/market/">
<title>商城大厅</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="<%=basePath%>Assets/js/jquery-1.8.3.min.js"></script>
<style>
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
	fieldser, input, textarea, p, blockquote {
	margin: 0;
	padding: 0;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

body {
	width: 100%;
	height: 351px;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

.list {
	width: 100%;
	height: 351px;
	border: solid 1px #CCC;
	float: left;
}

.list_nav {
	width: 648px;
	height: 30px;
	background-color: #F60;
	float: left;
	overflow: hidden;
}

.list_nav h3 {
	padding-left: 15px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	line-height: 30px;
	display: block;
	width: 80px;
}

.list_nav span {
	float: right;
	font: 12px/30px "";
	padding-right: 10px;
}

.list_nav span a {
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
/*.statis{ float:right; padding-right:15px; font-size:14px; color:#FFF; font-weight:bold; line-height:30px; display:block; width:80px;}
	.search{ width:60px; height:30px; float:right;font-size:14px; color:#FFF; font-weight:bold;}
	.btn{ width:50px; height:20px; border:soldi 1px #CCC;}
	.sear{ width:648px; height:32px; border-bottom:#C00 solid 2px; background-image:url(bg.jpg); float:left;}
	.sear ul{ margin-left:45px; list-style:none;}
	.sear ul li{ float:left; width:40px;  margin-top:5px; height:25px; text-align:center; line-height:35px; font-size:12px; font-weight:bold;}
	*/
.tab {
	width: 100%;
	height: 300px;
	float: left;
}

.table1 {
	width: 100%;
	border-color: grey;
	border-collapse: separate;
}

.table1 a {
	text-decoration: none;
	color: #06F;
}

.table1 th {
	background: url("etc/core/img/head_bg.png") repeat-x scroll 0 0 #fff;
	font-size: 12px;
}

.table1 tr {
	text-align: center;
	font-size: 9pt;
	height: 28px;
}

.bg {
	background-color: #e9e5e4;
}

.foot_msg {
	font: 400 12px/22px "";
	height: 22px;
	margin-top: 15px;
	float: right;
	border-top: 1px solid #ccc;
	width: 100%;
	padding-top: 8px;
	padding-right: 5px;
	text-align: right;
}

.fr {
	color: #ff0000;
}
</style>
<script type="text/javascript" src="etc/js/jquery1.9.0.min.js"></script>
<script type="text/javascript">
	function getCon() {
		jQuery.ajax({
			cache : false,
			url : "update/trade/content.jsp",
			success : function(data) {
				$("#index_list").html(data);
			}
		});
	}
	window.setInterval("getCon()", 1000 * 360);//5秒重新加载数据
	
	$(document).ready(function() {
		fun();
	});
	function fun(){
		//查看兑换明细

		var list = <%=list%>;
		console.log(list);
		var html="";
		var mast =5;
		if(list.length<5){
			mast=list.length;
		}
	
		for(var i=0;i<mast;i++){
			
			html+='<tr><td>'+list[i].ttype+'</td><td>*****</td><td>*****</td><td>'+list[i].wprice+'</td><td>'+list[i].wcount+'</td></tr>';
		}
		
		$('#table').html(html);
	}
</script>
</head>
<body>
	<div class="list" id="index_list">
		<table cellspacing="0" cellpadding="0" border="0" class="table1">
			<thead>
              <tr>
                <th scope="col">交易类型</th>
                <th scope="col">客户姓名</th>
                <th scope="col">联系电话</th>
                <th scope="col">金额</th>
                <th scope="col">数量</th>
              </tr>
              </thead>
		       <tbody id="table">

				  </tbody>
            </table>
		</table>
	</div>
	<div class="foot_msg">
		时间:<span class="fr">2017-11-27 17:25:58</span>
		<!-- 成交量: <span class="fr"></span> 订货量:<span class="fr"></span> -->
	</div>
</body>
</html>